<template>
  <div class="hello">
        <input type="text"  v-model="aaa">
       
          <!--  
            <test  :value="aaa"   @input='(a)=>{this.aaa =a }'   >
                
        
            </test> -->
           <tables></tables>
           
            <!-- <test  v-model="aaa"  ></test> -->

            <el-aaa></el-aaa>
        
  </div>
</template>

<script>
  import test from './test.vue'
  import tables from './table.vue'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  components:{
    test,
    tables
  },
  data(){
    return {
      aaa: 123
    }
  },
  methods:{
    test1(a){
      console.log(a)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
